window.onload = function() {
	function select_panel(){
		// 找到下拉框里的a标签
		var links=document.querySelectorAll('.itlSelect');
		// 给找到的a标签 绑定点击事件
		for(i=0;i<links.length;i++){
			links[i].addEventListener('click',function(e){
				var a = e.target;
				// 获取a标签中的文本内容
				var txt =a.innerText;
				// 获取a标签中的class类名
				var cls =a.className;
				// 获取“+”在文本里的位置
				// 截取字符串 获取地区编码
				var area=txt.substr(txt.indexOf("+"), txt.length -  txt.indexOf("+"));
				// 设置输入框的 地区编码
				document.querySelector('#phone').setAttribute('value',area);
				// 设置input输入框的国旗标志
				var p =document.querySelector('.flag');
				p.className = " flag "+cls;
				
			})
		}
	}

	function switchFlag(){

		var flag=document.querySelector('.itl');
		flag.addEventListener('click',function(e){
			// 是谁响应点击事件
			var d = e.target;
			var panel=document.querySelector('.itlSelect');
			// 三元运算符 可以用if。。。else  代替

			// panel.style.display==='none'?panel.style.display='block':panel.style.display='none';

			if (panel.style.display==='none') {
				panel.style.display='block';
			}else{
				panel.style.display='none'
			}
		})
		// console.log(flag);
	}

	function switchTab(){
		var tabs = document.querySelectorAll('.regTabs ul li a');
		var ul = document.querySelector('.regTabs ul')

		for(i=0; i<tabs.length;i++){
			console.log(i);
			tabs[i].index = i;
			tabs[i].addEventListener('click',function(e){
				var item = e.target;
				ul.style.background='url(image/tab.jpg) 0 -'+
				item.index*55.5+'px';

				for (var j=0;j<tabs.length;j++){
					tabs[j].style.color='#000';
				}
				item.style.color='#fff'
			});
		}
	}


select_panel();
switchFlag();
switchTab()
	

}
